<template>
    <div class="page">
        {{content}}
    </div>
</template>

<script>
import { watchEffect , ref , onMounted } from "vue"
import { useRoute, useRouter } from "vue-router"
export default {
    setup(){
        const route=useRoute()
        const content=ref("")
        console.log('routeaaaaaa',route.params);
        
        onMounted(()=>{
            watchEffect(()=>{
                content.value=route.params.article
            })
        })
        return {
            content
        }
    }
}
</script>

<style scoped>
.page{
    background: #fff;
    height: calc( 100% - 2px);
    border: 1px solid #ededed;
}
</style>